/*
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-08-10 18:05:46
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2024-02-05 11:05:11
 * @FilePath: \zjgx\zdgy\vue.config.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */

// const webpack = require('webpack') //添加webpack
const path = require('path');


const {
  defineConfig
} = require('@vue/cli-service')
const {
  name
} = require('./package');

module.exports = defineConfig({
  lintOnSave: false,
  // publicPath: `/${name}`,
  // publicPath: process.env.NODE_ENV === "production" ? process.env.PUBLIC_URL : "/",
  devServer: {
    port: process.env.VUE_APP_PORT,
    headers: {
      'Access-Control-Allow-Origin': '*',
    },
  },
  // resolveLoader: {
  //   modules: [
  //   'node_modules',
  //   './src/loaders' // 在这里添加我们编写的 loader 所在路径
  //  ],
  // },

  configureWebpack: {
    output: {
      // publicPath: process.env.NODE_ENV === "production" ? process.env.PUBLIC_URL : "/",

      library: `${name}-[name]`,
      libraryTarget: 'umd', // 把微应用打包成 umd 库格式
      //jsonpFunction: `webpackJsonp_${name}` // webpack5废弃jsonpFunction
      chunkLoadingGlobal: `webpackJsonp_${name}`,
    },
  },
  chainWebpack: (config) => {
    config.module.rule("fonts").type("asset/inline").set("generator", {});
    config.module.rule("images").type("asset/inline").set("generator", {});
    config.module
      .rule("change-prefix")
      .test(/\.js$/)
      .include.add(path.resolve(__dirname, "./node_modules/element-ui/lib"))
      .end()
      .use("change-prefix")
      .loader("change-prefix-loader")
      .options({
        prefix: "el-",
        replace: "yjxa-",
      })
      .end();
  },
  // module: {
  //   rules: [
  //     {
  //       test: /\.less$/,
  //       include: [
  //         path.resolve(__dirname, './node_modules/element-ui/lib') // 这条规则只匹配element-plus 下的样式文件
  //       ],
  //       use: [
  //         'style-loader',
  //         'css-loader',
  //         'my-style-loader',
  //         'sass-loader',
  //         'less-loader'
  //       ]
  //     }
  //   ]
  // },




});